<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>计划管理-色布计划序时表</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/bootstrap/easyui.css"/>
    <link rel="stylesheet" href="css/icon.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon.css"/>
    <link rel="stylesheet" href="css/order_report.css"/>
    <link rel="stylesheet" href="css/icon_state.css"/>
    <link rel="stylesheet" href="css/form.css"/>
    <link rel="stylesheet" href="css/kendo_custum.css"/>
    <link rel="stylesheet" href="jquery-easyui-1.6.7/themes/icon_expand.css"/>
    <script type="text/javascript" src="jQuery/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.expand.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="js/pages/jc/button_generate.js"></script>
    <script type="text/javascript" src="js/util/utils.js"></script>
    <script type="text/javascript" src="js/util/loadEventUtil.js"></script>
    <script type="text/javascript" src="js/util/memoryColumnUtil.js"></script>
    <!-- kendo -->
    <link rel="stylesheet" href="KendoUI/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.default.min.css"/>
    <link rel="stylesheet" href="KendoUI/styles/kendo.rtl.min.css"/>
    <script type="text/javascript" src="KendoUI/js/jszip.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="KendoUI/js/messages/kendo.messages.zh-CN.min.js"></script>
    <script type="text/javascript" src="js/util/kendo.config.js"></script>
    <link rel="stylesheet" href="css/global.css">
    <style type="text/css">
        .filter-button {
            padding-left: 5px;
            padding-right: 5px;
        }

        .button-group {
            padding-right: 5px;
        }

        .button-group-02 > a {
            padding-right: 5px;
        }

        .easyui-linkbutton {
            font-size: initial;
        }

        .easyui-linkbutton:hover {
            transform: scale(1.1);
        }

        .easyui-linkbutton {
            border: 0;
        }
    </style>
</head>
<body th:data-menu_id="${MENU_ID}">
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',height:50">
        <div class="datebox-group" style="height: 40px;">
            <ul style="width: 100%;height: 100%;margin: 0;">
                <li style="height: 32px;">
                <!-- 起始日期、终止日期 -->
                    <div class="btn-group pull-left hidden">
                        <input id="start" class="easyui-datebox"
                               data-options="label:'起始日期：',labelWidth:85,disabled:true,value:getRangeDate(0)">
                    </div>
                    <div class="btn-group pull-left hidden">
                        <input id="end" class="easyui-datebox"
                               data-options="label:'终止日期：',labelWidth:85,disabled:true,value:getCurrentDate(0)">
                    </div>
                <!-- 后端过滤的两个控件 -->
                    <div class="btn-group pull-left hidden">
                        <input id="column" class="easyui-combobox"
                               data-options="label:'项目：',labelWidth:60">
                    </div>
                    <div class="btn-group pull-left hidden">
                        <input id="value" class="easyui-textbox"
                               data-options="label:'内容：',labelWidth:60">
                    </div>
                <!-- 日期区间的查询按钮 -->
<!--                <div class="pull-left filter-button">-->
<!--                    <a id="btn_search" class="easyui-linkbutton"-->
<!--                       data-options="-->
<!--                       value: true,-->

<!--                       iconCls:'icon-search',-->
<!--                       plain:true,-->
<!--                       size:'large',-->
<!--                       onClick:btn_search">查询</a>-->
<!--                </div>-->
                <div class="btn-group pull-left hidden">
                    <input id="state" class="easyui-switchbutton"
                           data-options="value: false,width:80,onText:'全部',offText:'未完工',onChange:stateChange">
                </div>
<!--                    <div id="search_area" class="btn-group pull-left">-->
<!--                        <a id="btn_search" class="easyui-linkbutton" data-options="-->
<!--                            text: '查询',-->
<!--                            size: 'small',-->
<!--                            group: `g1`,-->
<!--                            iconCls: 'icon-search',-->
<!--                            onClick: btn_search,-->
<!--                            plain: true"></a>-->
<!--                    </div>-->
                <div class="pull-right">
                    <div style="height: 50%;">
                        <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: rgba(244, 212, 212, 0.77);"> </span>
                        <span>打卷显示</span>
                    </div>
<!--                    <div style="height: 50%;">-->
<!--                        <span style="padding: 1px;width: 12px;height:12px;display: inline-block; background-color: #1818df;"> </span>-->
<!--                        <span>未审核</span>-->
<!--                    </div>-->
                </div>

                    <div id="north" class=" pull-left"></div>
            </li>
<!--            <li>-->
<!--                <div id="north" class=" pull-left"></div>-->
<!--            </li>-->
          </ul>
        </div>
    </div>
    <div data-options="region:'center'">
        <table id="v_grid"></table>
    </div>
</div>
</body>
<script type="text/javascript" src="js/pages/jh/jh_dye_plan_report.js?version=2"></script>
</html>